@import "../../styles/abstracts/variables.css";
.header {
  height: 60px;
  background: #3c3c3c;
  .logo {
    width: var(--side-bar-width);
    float: left;
    position: relative;
    height: 100%;
    border-bottom: 2px solid #108ee9;
    .box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-top: 2px;
    }
  }
  .step {
    height: 100%;
    margin-left: var(--side-bar-width);
    position: relative;
    .step-box {
      width: calc(100% - 50px);
      position: absolute;
      left: 0px;
      bottom: 0px;
    }
  }
  :global {
    .ant-tabs-bar {
      margin: 0px;
    }
    .ant-tabs {
      color: #fff;
    }
    .ant-tabs-nav .ant-tabs-tab {
      margin-right: 0px;
      /*padding: 15px 20px;*/
    }
    .ant-tabs-ink-bar {
      &::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 0;
        height: 0;
        border-width: 0px 9px 9px;
        border-style: solid;
        border-left-color: transparent;
        border-right-color: transparent;
        color: #108ee9;
        margin-left: -8px;
        transform: translate(0, -50%);
      }
    }
  }
}
